$(function () {


    ceshis1();
    ceshis2();
    ceshis3();
    ceshis4();
    /*ceshis5();*/
    // ceshis6();
    ceshis();
    function ceshis() {
        var myChart = echarts.init(document.getElementById('shuiipin'));

        var img = '';

        var trafficWay = [{
            name: '18-27',
            value: 40
        },{
            name: '45-60',
            value: 10
        },{
            name: '35-45',
            value: 30
        },{
            name: '27-35',
            value: 40
        }];

        var data = [];
        var color=['#00ffff','#00cfff','#006ced','#ffe000','#ffa800','#ff5b00','#ff3000']
        for (var i = 0; i < trafficWay.length; i++) {
            data.push({
                value: trafficWay[i].value,
                name: trafficWay[i].name,
                itemStyle: {
                    normal: {
                        borderWidth: 5,
                        shadowBlur: 20,
                        borderColor:color[i],
                        shadowColor: color[i]
                    }
                }
            }, {
                value: 2,
                name: '',
                itemStyle: {
                    normal: {
                        label: {
                            show: false
                        },
                        labelLine: {
                            show: false
                        },
                        color: 'rgba(0, 0, 0, 0)',
                        borderColor: 'rgba(0, 0, 0, 0)',
                        borderWidth: 0
                    }
                }
            });
        }
        var seriesOption = [{
            name: '',
            type: 'pie',
            clockWise: false,
            radius: [45, 45],
            /*hoverAnimation: false,*/

            itemStyle: {
                normal: {
                    label: {
                        show: true,
                        position: 'outside',
                        color: '#ddd',
                        formatter: function(params) {
                            var percent = 0;
                            var total = 0;
                            for (var i = 0; i < trafficWay.length; i++) {
                                total += trafficWay[i].value;
                            }
                            percent = ((params.value / total) * 100).toFixed(0);
                            if(params.name !== '') {
                                return '三个' + params.name + '\n' + '\n' + '大' + percent + '%';
                            }else {
                                return '';
                            }
                        },
                    },
                    labelLine: {
                        length:30,
                        length2:40,
                        show: true,
                        color:'#00ffff'
                    }
                }
            },
            data: data
        }];
        option = {
            /*backgroundColor: '#0A2E5D',*/
            color : color,
            title: {
                text: '阿旭',
                top: '5%',
                textAlign: "center",
                left: "49%",
                textStyle: {
                    color: '#fff',
                    fontSize: 22,
                    fontWeight: '400'
                }
            },
            graphic: {
                elements: [{
                    type: "image",
                    z: 3,
                    style: {
                        image: img,
                        width: 140,
                        height: 140
                    },
                    left: 'center',
                    top:  'center',
                    position: [20, 20]
                }]
            },
            tooltip: {
                show: false
            },
            legend: {
                icon: "circle",
                orient: 'horizontal',
                // x: 'left',
                data:['18-27','45-60','35-45','27-35'],
                right: 80,
                bottom: 1,
                align: 'right',
                textStyle: {
                    color: "#fff"
                },
                itemGap: 20,
                padding: [5, 20],
            },
            toolbox: {
                show: false
            },
            series: seriesOption
        };

        // 浣跨敤鍒氭寚瀹氱殑閰嶇疆椤瑰拰鏁版嵁鏄剧ず鍥捐〃銆�
        myChart.setOption(option);


        myChart.currentIndex = -1;

        setInterval(function () {
            var dataLen = option.series[0].data.length;
            // 鍙栨秷涔嬪墠楂樹寒鐨勫浘褰�
            myChart.dispatchAction({
                type: 'downplay',
                seriesIndex: 0,
                dataIndex: myChart.currentIndex
            });
            myChart.currentIndex = (myChart.currentIndex + 1) % dataLen;
            // 楂樹寒褰撳墠鍥惧舰
            myChart.dispatchAction({
                type: 'highlight',
                seriesIndex: 0,
                dataIndex: myChart.currentIndex
            });
        }, 1000);
        window.addEventListener("resize",function(){
            myChart.resize();
        });
    }

    function ceshis1() {
        var myChart = echarts.init(document.getElementById('chart2'));

        var ydata = [{
            name: '阿豪',
            value: 18
        },
            {
                name: '阿平',
                value: 16
            },
            {
                name: '阿瑾',
                value: 15
            },
            {
                name: '阿启',
                value: 14
            },
            {
                name: '康哥',
                value: 10
            },
            {
                name: '三',
                value: 7.9
            },
            {
                name: '四',
                value: 6.7
            },
            {
                name: '五',
                value: 6
            }
        ];
        var color = ["#8d7fec", "#5085f2", "#e75fc3", "#f87be2", "#f2719a", "#fca4bb", "#f59a8f", "#fdb301", "#57e7ec", "#cf9ef1"]
        var xdata =['五', "六", "器", "吧", '就', '是', '久', '起'];


        option = {
            /*backgroundColor: "rgba(255,255,255,1)",*/
            color: color,
            legend: {
                orient: "vartical",
                x: "left",
                top: "center",
                left: "53%",
                bottom: "0%",
                data: xdata,
                itemWidth: 8,
                itemHeight: 8,
                textStyle: {
                    color: '#fff'
                },
                /*itemGap: 16,*/
                /*formatter:function(name){
                  var oa = option.series[0].data;
                  var num = oa[0].value + oa[1].value + oa[2].value + oa[3].value+oa[4].value + oa[5].value + oa[6].value + oa[7].value+oa[8].value + oa[9].value ;
                  for(var i = 0; i < option.series[0].data.length; i++){
                      if(name==oa[i].name){
                          return ' '+name + '    |    ' + oa[i].value + '    |    ' + (oa[i].value/num * 100).toFixed(2) + '%';
                      }
                  }
                }*/

                formatter: function(name) {
                    return '' + name
                }
            },
            series: [{
                type: 'pie',
                clockwise: false, //楗煎浘鐨勬墖鍖烘槸鍚︽槸椤烘椂閽堟帓甯�
                minAngle: 2, //鏈€灏忕殑鎵囧尯瑙掑害锛�0 ~ 360锛�
                radius: ["20%", "60%"],
                center: ["30%", "45%"],
                avoidLabelOverlap: false,
                itemStyle: { //鍥惧舰鏍峰紡
                    normal: {
                        borderColor: '#ffffff',
                        borderWidth: 1,
                    },
                },
                label: {
                    normal: {
                        show: false,
                        position: 'center',
                        formatter: '{text|{b}}\n{c} ({d}%)',
                        rich: {
                            text: {
                                color: "#fff",
                                fontSize: 14,
                                align: 'center',
                                verticalAlign: 'middle',
                                padding: 8
                            },
                            value: {
                                color: "#8693F3",
                                fontSize: 24,
                                align: 'center',
                                verticalAlign: 'middle',
                            },
                        }
                    },
                    emphasis: {
                        show: true,
                        textStyle: {
                            fontSize: 24,
                        }
                    }
                },
                data: ydata
            }]
        };
        myChart.setOption(option);

        setTimeout(function() {
            myChart.on('mouseover', function(params) {
                if (params.name == ydata[0].name) {
                    myChart.dispatchAction({
                        type: 'highlight',
                        seriesIndex: 0,
                        dataIndex: 0
                    });
                } else {
                    myChart.dispatchAction({
                        type: 'downplay',
                        seriesIndex: 0,
                        dataIndex: 0
                    });
                }
            });

            myChart.on('mouseout', function(params) {
                myChart.dispatchAction({
                    type: 'highlight',
                    seriesIndex: 0,
                    dataIndex: 0
                });
            });
            myChart.dispatchAction({
                type: 'highlight',
                seriesIndex: 0,
                dataIndex: 0
            });
        }, 1000);

        myChart.currentIndex = -1;

        setInterval(function () {
            var dataLen = option.series[0].data.length;

            // 鍙栨秷涔嬪墠楂樹寒鐨勫浘褰�
            myChart.dispatchAction({
                type: 'downplay',
                seriesIndex: 0,
                dataIndex: myChart.currentIndex
            });
            myChart.currentIndex = (myChart.currentIndex + 1) % dataLen;
            // 楂樹寒褰撳墠鍥惧舰
            myChart.dispatchAction({
                type: 'highlight',
                seriesIndex: 0,
                dataIndex: myChart.currentIndex
            });
        }, 1000);

        // 浣跨敤鍒氭寚瀹氱殑閰嶇疆椤瑰拰鏁版嵁鏄剧ず鍥捐〃銆�
        /*myChart.setOption(option);*/
        window.addEventListener("resize",function(){
            myChart.resize();
        });
    }
    function ceshis2() {
        var myChart = echarts.init(document.getElementById('chart3'));

        option = {
            /*backgroundColor: '#000',*/
            "animation": true,
            "title": {
                /*"text": 24,*/
               /* "subtext": "娌ラ潚宸�",*/
                "x": "center",
                "y": "center",
                "textStyle": {
                    "color": "#fff",
                    "fontSize": 10,
                    "fontWeight": "normal",
                    "align": "center",
                    "width": "200px"
                },
                "subtextStyle": {
                    "color": "#fff",
                    "fontSize": 12,
                    "fontWeight": "normal",
                    "align": "center"
                }
            },
            "legend": {
                "width": "100%",
                "left": "center",
                "textStyle": {
                    "color": "#fff",
                    "fontSize": 12
                },
                "icon": "circle",
                "right": "0",
                "bottom": "0",
                "padding": [15, 20],
                "itemGap": 5,
                "data": ["1", "1", "2", "3", "4", "5", "6", "7"]
            },
            "series": [{
                "type": "pie",
                "center": ["50%", "40%"],
                "radius": ["20%", "43%"],
                "color": ["#FEE449", "#00FFFF", "#00FFA8", "#9F17FF", "#FFE400", "#F76F01", "#01A4F7", "#FE2C8A"],
                "startAngle": 135,
                "labelLine": {
                    "normal": {
                        "length": 15
                    }
                },
                "label": {
                    "normal": {
                        "formatter": "{b|{b}:}  {per|{d}%} ",
                        "backgroundColor": "rgba(255, 147, 38, 0)",
                        "borderColor": "transparent",
                        "borderRadius": 4,
                        "rich": {
                            "a": {
                                "color": "#999",
                                "lineHeight": 12,
                                "align": "center"
                            },
                            "hr": {
                                "borderColor": "#aaa",
                                "width": "100%",
                                "borderWidth": 1,
                                "height": 0
                            },
                            "b": {
                                "color": "#b3e5ff",
                                "fontSize": 16,
                                "lineHeight": 33
                            },
                            "c": {
                                "fontSize": 14,
                                "color": "#eee"
                            },
                            "per": {
                                "color": "#FDF44E",
                                "fontSize": 14,
                                "padding": [5, 8],
                                "borderRadius": 2
                            }
                        },
                        "textStyle": {
                            "color": "#fff",
                            "fontSize": 16
                        }
                    }
                },
                "emphasis": {
                    "label": {
                        "show": true,
                        "formatter": "{b|{b}:}  {per|{d}%}  ",
                        "backgroundColor": "rgba(255, 147, 38, 0)",
                        "borderColor": "transparent",
                        "borderRadius": 4,
                        "rich": {
                            "a": {
                                "color": "#999",
                                "lineHeight": 22,
                                "align": "center"
                            },
                            "hr": {
                                "borderColor": "#aaa",
                                "width": "100%",
                                "borderWidth": 1,
                                "height": 0
                            },
                            "b": {
                                "color": "#fff",
                                "fontSize": 14,
                                "lineHeight": 33
                            },
                            "c": {
                                "fontSize": 14,
                                "color": "#eee"
                            },
                            "per": {
                                "color": "#FDF44E",
                                "fontSize": 14,
                                "padding": [5, 6],
                                "borderRadius": 2
                            }
                        }
                    }
                },
                "data": [{
                    "name": "阿豪",
                    "value": 3
                }, {
                    "name": "阿豪",
                    "value": 2
                }, {
                    "name": "阿平",
                    "value": 26
                }, {
                    "name": "平头哥",
                    "value": 24
                }, {
                    "name": "阿旭",
                    "value": 12
                }, {
                    "name": "旭某",
                    "value": 11
                }, {
                    "name": "黄平",
                    "value": 3
                }, {
                    "name": "胡忠豪",
                    "value": 2
                }]
            }, {
                "type": "pie",
                "center": ["50%", "40%"],
                "radius": ["15%", "14%"],
                "label": {
                    "show": false
                },
                "data": [{
                    "value": 78,
                    "name": "周旭",
                    "itemStyle": {
                        "normal": {
                            "color": {
                                "x": 0,
                                "y": 0,
                                "x2": 1,
                                "y2": 0,
                                "type": "linear",
                                "global": false,
                                "colorStops": [{
                                    "offset": 0,
                                    "color": "#9F17FF"
                                }, {
                                    "offset": 0.2,
                                    "color": "#01A4F7"
                                }, {
                                    "offset": 0.5,
                                    "color": "#FE2C8A"
                                }, {
                                    "offset": 0.8,
                                    "color": "#FEE449"
                                }, {
                                    "offset": 1,
                                    "color": "#00FFA8"
                                }]
                            }
                        }
                    }
                }]
            }]
        }

        // 浣跨敤鍒氭寚瀹氱殑閰嶇疆椤瑰拰鏁版嵁鏄剧ず鍥捐〃銆�
        myChart.setOption(option);
        myChart.currentIndex = -1;
        //myChart.setOption(option);
        //console.log(option.series[0].data[0]);
        setInterval(function () {
            var dataLen = option.series[0].data.length;
            // 鍙栨秷涔嬪墠楂樹寒鐨勫浘褰�
            myChart.dispatchAction({
                type: 'downplay',
                seriesIndex: 0,
                dataIndex: myChart.currentIndex
            });
            myChart.currentIndex = (myChart.currentIndex + 1) % dataLen;
            // 楂樹寒褰撳墠鍥惧舰
            myChart.dispatchAction({
                type: 'highlight',
                seriesIndex: 0,
                dataIndex: myChart.currentIndex
            });
        }, 1000);

        window.addEventListener("resize",function(){
            myChart.resize();
        });
    }
    function ceshis3() {
        var myChart = echarts.init(document.getElementById('chart4'));

        var option = {
            tooltip: {trigger: 'axis',axisPointer: {lineStyle: {color: '#fff'}}},
            legend: {
                icon: 'rect',
                itemWidth: 14,itemHeight: 5,itemGap:10,
                data: ['啥', '你', '我','他'],
                right: '10px',top: '0px',
                textStyle: {fontSize: 12,color: '#fff'}
            },
            grid: {x:40,y:50,x2:45,y2:40},
            xAxis: [{
                type: 'category',boundaryGap: false,axisLine: {lineStyle: {color: '#57617B'}},axisLabel: {textStyle: {color:'#fff'}},
                data:[
                    "12连",
                    "13",
                    "1",
                    "2",
                    "3",
                    "4",
                    "4",
                    "5",
                    "6",
                    "7",
                    "8",
                    "8",
                    "1",
                    "9",
                    "0",
                    "2",
                    "3",
                    "4",
                    "5",
                    "6",
                    "7",
                    "8",
                    "9",
                    "0",
                    "5",
                    "4",
                    "3",
                    "2",
                    "1",
                    "7"
                ]
            }],
            yAxis: [{
                type: 'value',
                axisTick: {
                    show: false
                },
                axisLine: {lineStyle: {color: '#57617B'}},
                axisLabel: {margin: 10,textStyle: {fontSize: 12},textStyle: {color:'#fff'},formatter:'{value}鍒�'},
                splitLine: {lineStyle: {color: '#57617B'}}
            },{
                type: 'value',
                axisTick: {
                    show: false
                },
                axisLine: {lineStyle: {color: '#57617B'}},
                axisLabel: {margin: 10,textStyle: {fontSize: 12},textStyle: {color:'#fff'},formatter:'{value}涓�'},
                splitLine: {show: false,lineStyle: {color: '#57617B'}}
            }],
            series: [{
                name: '我',type: 'line',smooth: true,lineStyle: {normal: {width: 2}},
                yAxisIndex:0,
                areaStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                            offset: 0,
                            color: 'rgba(185,150,248,0.3)'
                        }, {
                            offset: 0.8,
                            color: 'rgba(185,150,248,0)'
                        }], false),
                        shadowColor: 'rgba(0, 0, 0, 0.1)',
                        shadowBlur: 10
                    }
                },
                itemStyle: {normal: { color: '#B996F8'}},
                data: [
                    "7.35",
                    "7.31",
                    "7.75",
                    "7.45",
                    "7.01",
                    "6.46",
                    "8.01",
                    "6.18",
                    "5.23",
                    "7.08",
                    "0.00",
                    "0.00",
                    "0.00",
                    "0.00",
                    "0.00",
                    "7.29",
                    "6.61",
                    "6.79",
                    "6.54",
                    "6.87",
                    "6.45",
                    "6.10",
                    "6.93",
                    "6.85",
                    "5.87",
                    "8.98",
                    "6.26",
                    "6.95",
                    "7.36",
                    "0.00"
                ],
            }, {
                name: '你',type: 'line',smooth: true,lineStyle: { normal: {width: 2}},
                yAxisIndex:0,
                areaStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                            offset: 0,
                            color: 'rgba(3, 194, 236, 0.3)'
                        }, {
                            offset: 0.8,
                            color: 'rgba(3, 194, 236, 0)'
                        }], false),
                        shadowColor: 'rgba(0, 0, 0, 0.1)',
                        shadowBlur: 10
                    }
                },
                itemStyle: {normal: {color: '#03C2EC'}},
                data: [
                    "2.00",
                    "1.50",
                    "2.98",
                    "2.01",
                    "1.39",
                    "2.09",
                    "5.99",
                    "3.02",
                    "2.51",
                    "4.61",
                    "2.44",
                    "1.51",
                    "3.88",
                    "7.67",
                    "0.25",
                    "5.70",
                    "1.76",
                    "3.78",
                    "4.10",
                    "6.02",
                    "3.93",
                    "1.93",
                    "5.10",
                    "3.89",
                    "2.78",
                    "5.30",
                    "6.67",
                    "5.65",
                    "12.59",
                    "0"
                ]
            }, {
                name: '他',type: 'line',smooth: true,lineStyle: {normal: {width: 2}},
                yAxisIndex:1,
                areaStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                            offset: 0,
                            color: 'rgba(218, 57, 20, 0.3)'
                        }, {
                            offset: 0.8,
                            color: 'rgba(218, 57, 20, 0)'
                        }], false),
                        shadowColor: 'rgba(0, 0, 0, 0.1)',
                        shadowBlur: 10
                    }
                },
                itemStyle: {normal: {color: '#DA3914'}},
                data:[
                    "251",
                    "189",
                    "212",
                    "222",
                    "207",
                    "150",
                    "181",
                    "202",
                    "183",
                    "193",
                    "0",
                    "0",
                    "0",
                    "0",
                    "0",
                    "198",
                    "202",
                    "205",
                    "242",
                    "216",
                    "176",
                    "126",
                    "254",
                    "207",
                    "211",
                    "191",
                    "224",
                    "213",
                    "297",
                    "0"
                ]
            },{
                name: '1',type: 'line',smooth: true,lineStyle: {normal: {width: 2}},
                yAxisIndex:1,
                areaStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                            offset: 0,
                            color: 'rgba(232, 190, 49, 0.3)'
                        }, {
                            offset: 0.8,
                            color: 'rgba(232, 190, 49, 0)'
                        }], false),
                        shadowColor: 'rgba(0, 0, 0, 0.1)',
                        shadowBlur: 10
                    }
                },
                itemStyle: {normal: {color: '#E8BE31'}},
                data: [
                    "228",
                    "176",
                    "206",
                    "203",
                    "186",
                    "137",
                    "162",
                    "177",
                    "164",
                    "169",
                    "0",
                    "0",
                    "0",
                    "0",
                    "0",
                    "175",
                    "185",
                    "179",
                    "224",
                    "191",
                    "161",
                    "115",
                    "229",
                    "190",
                    "172",
                    "164",
                    "201",
                    "192",
                    "273",
                    "0"
                ]
            }]


        };
        /*var myChart = echarts.init(document.getElementById('channel_handle_detail'));
        myChart.clear();
        if(data.handleTimeData.length>0){
            myChart.setOption(option);
        }else{
            noDataTip($("#channel_handle_detail"));
        }*/
        // 浣跨敤鍒氭寚瀹氱殑閰嶇疆椤瑰拰鏁版嵁鏄剧ず鍥捐〃銆�
        myChart.setOption(option);
        window.addEventListener("resize",function(){
            myChart.resize();
        });
    }
    function ceshis4() {
        var myChart = echarts.init(document.getElementById('chart5'));

        var labelimg = "";

        option = {
            /*backgroundColor: "#0E233E",*/
            "grid": {
                "left": "6%",
                "top": "10%",
                "right": "3%",
                "bottom": "15%"
            },
            "legend": {
                "data": [
                    "1",
                    "2",
                    "3",
                    "4",
                    "5",
                    "6",
                    "7"
                ],
                "top": "92%",
                "icon": "circle",
                "textStyle": {
                    "color": "#0DCAD2"
                }
            },
            "color": [
                "#534EE1",
                "#ECD64F",
                "#00E4F0",
                "#44D16D",
                "#124E91",
                "#BDC414",
                "#C8CCA5"
            ],
            "tooltip": {
                "position": "top",
            },
            "xAxis": {
                "type": "category",
                "data": [
                    "完全",
                    "2",
                    "去",
                    "是",
                    "额",
                    "人",
                    "他"
                ],
                "axisLabel": {
                    "show": false,
                    "color": "#999999",
                    "fontSize": 16
                },
                "axisTick": {
                    "show": false
                },
                "axisLine": {
                    "show": false
                },
                "splitLine": {
                    "show": false
                }
            },
            "yAxis": {
                "type": "value",
                "axisLabel": {
                    "show": false,
                    "color": "#999999",
                    "fontSize": 16
                },
                "axisTick": {
                    "show": false
                },
                "axisLine": {
                    "show": false
                },
                "splitLine": {
                    "show": false
                }
            },
            "series": [{
                "name": "淇℃伅",
                "data": [
                    0,
                    0,
                    0,
                    0,
                    0,
                    0,
                    0
                ],
                "stack": "a",
                "type": "bar"
            },
                {
                    "name": "热",
                    "data": [
                        0,
                        0,
                        0,
                        0,
                        0,
                        0,
                        0
                    ],
                    "stack": "a",
                    "type": "bar"
                },
                {
                    "name": "过头",
                    "data": [
                        0,
                        0,
                        0,
                        0,
                        0,
                        0,
                        0
                    ],
                    "stack": "a",
                    "type": "bar"
                },
                {
                    "name": "沟通",
                    "data": [
                        0,
                        0,
                        0,
                        0,
                        0,
                        0,
                        0
                    ],
                    "stack": "a",
                    "type": "bar"
                },
                {
                    "name": "对",
                    "data": [
                        0,
                        0,
                        0,
                        0,
                        0,
                        0,
                        0
                    ],
                    "stack": "a",
                    "type": "bar"
                },
                {
                    "name": "搞",
                    "data": [
                        0,
                        0,
                        0,
                        0,
                        0,
                        0,
                        0
                    ],
                    "stack": "a",
                    "type": "bar"
                },
                {
                    "name": "通过",
                    "data": [
                        0,
                        0,
                        0,
                        0,
                        0,
                        0,
                        0
                    ],
                    "stack": "a",
                    "type": "bar"
                },
                {
                    "type": "pictorialBar",
                    "name": "会员",
                    "data": [{
                        "name": "",
                        "value": 868,
                        "label": {
                            "show": true,
                            "position": "top",
                            formatter: function(params) {
                                var index = params.dataIndex;
                                var str = "{a|" + params.value + "}\n{c|" + params.value + "涓獇";
                                return str;
                            },
                            "rich": {
                                "a": {
                                    "fontSize": 18,
                                    "color": "#534EE1",
                                    "align": "center",
                                    "height": 40
                                },
                                "c": {
                                    "fontSize": 18,
                                    "color": "#fff",
                                    "padding": [
                                        -2,
                                        0,
                                        2,
                                        0
                                    ],
                                    "backgroundColor": {
                                        "image": labelimg
                                    },
                                    "align": "center",
                                    "verticalAlign": "bottom",
                                    "height": 50,
                                    "lineHeight": 40,
                                    "width": 100
                                }
                            }
                        },
                        "itemStyle": {
                            "normal": {
                                "color": {
                                    "type": "linear",
                                    "x": 0,
                                    "y": 0,
                                    "x2": 0,
                                    "y2": 1,
                                    "colorStops": [{
                                        "offset": 0,
                                        "color": "rgba(83,78,225,1)"
                                    },
                                        {
                                            "offset": 1,
                                            "color": "rgba(83,78,225,0)"
                                        }
                                    ],
                                    "global": false
                                }
                            }
                        }
                    },
                        {
                            "name": "",
                            "value": 306,
                            "label": {
                                "show": true,
                                "position": "top",
                                formatter: function(params) {
                                    var index = params.dataIndex;
                                    var str = "{a|" + params.value + "}\n{c|" + params.value + "涓獇";
                                    return str;
                                },
                                "rich": {
                                    "a": {
                                        "fontSize": 18,
                                        "color": "#ECD64F",
                                        "align": "center",
                                        "height": 40
                                    },
                                    "c": {
                                        "fontSize": 18,
                                        "color": "#fff",
                                        "padding": [
                                            -4,
                                            0,
                                            8,
                                            0
                                        ],
                                        "backgroundColor": {
                                            "image": labelimg
                                        },
                                        "align": "center",
                                        "verticalAlign": "bottom",
                                        "height": 45,
                                        "lineHeight": 40,
                                        "width": 100
                                    }
                                }
                            },
                            "itemStyle": {
                                "normal": {
                                    "color": {
                                        "type": "linear",
                                        "x": 0,
                                        "y": 0,
                                        "x2": 0,
                                        "y2": 1,
                                        "colorStops": [{
                                            "offset": 0,
                                            "color": "rgba(236,214,79,1)"
                                        },
                                            {
                                                "offset": 1,
                                                "color": "rgba(236,214,79,0)"
                                            }
                                        ],
                                        "global": false
                                    }
                                }
                            }
                        },
                        {
                            "name": "",
                            "value": 162,
                            "label": {
                                "show": true,
                                "position": "top",
                                formatter: function(params) {
                                    var index = params.dataIndex;
                                    var str = "{a|" + params.value + "}\n{c|" + params.value + "涓獇";
                                    return str;
                                },
                                "rich": {
                                    "a": {
                                        "fontSize": 18,
                                        "color": "#00E4F0",
                                        "align": "center",
                                        "height": 40
                                    },
                                    "c": {
                                        "fontSize": 18,
                                        "color": "#fff",
                                        "padding": [
                                            -4,
                                            0,
                                            8,
                                            0
                                        ],
                                        "backgroundColor": {
                                            "image": labelimg
                                        },
                                        "align": "center",
                                        "verticalAlign": "bottom",
                                        "height": 45,
                                        "lineHeight": 40,
                                        "width": 100
                                    }
                                }
                            },
                            "itemStyle": {
                                "normal": {
                                    "color": {
                                        "type": "linear",
                                        "x": 0,
                                        "y": 0,
                                        "x2": 0,
                                        "y2": 1,
                                        "colorStops": [{
                                            "offset": 0,
                                            "color": "rgba(0,228,240,1)"
                                        },
                                            {
                                                "offset": 1,
                                                "color": "rgba(0,228,240,0)"
                                            }
                                        ],
                                        "global": false
                                    }
                                }
                            }
                        },
                        {
                            "name": "",
                            "value": 362,
                            "label": {
                                "show": true,
                                formatter: function(params) {
                                    var index = params.dataIndex;
                                    var str = "{a|" + params.value + "}\n{c|" + params.value + "涓獇";
                                    return str;
                                },
                                "position": "top",
                                "rich": {
                                    "a": {
                                        "fontSize": 18,
                                        "color": "#44D16D",
                                        "align": "center",
                                        "height": 40
                                    },
                                    "c": {
                                        "fontSize": 18,
                                        "color": "#fff",
                                        "padding": [
                                            -4,
                                            0,
                                            8,
                                            0
                                        ],
                                        "backgroundColor": {
                                            "image": labelimg
                                        },
                                        "align": "center",
                                        "verticalAlign": "bottom",
                                        "height": 45,
                                        "lineHeight": 40,
                                        "width": 100
                                    }
                                }
                            },
                            "itemStyle": {
                                "normal": {
                                    "color": {
                                        "type": "linear",
                                        "x": 0,
                                        "y": 0,
                                        "x2": 0,
                                        "y2": 1,
                                        "colorStops": [{
                                            "offset": 0,
                                            "color": "rgba(68,209,109,1)"
                                        },
                                            {
                                                "offset": 1,
                                                "color": "rgba(68,209,109,0)"
                                            }
                                        ],
                                        "global": false
                                    }
                                }
                            }
                        },
                        {
                            "name": "",
                            "value": 460,
                            "label": {
                                "show": true,
                                "position": "top",
                                formatter: function(params) {
                                    var index = params.dataIndex;
                                    var str = "{a|" + params.value + "}\n{c|" + params.value + "涓獇";
                                    return str;
                                },
                                "rich": {
                                    "a": {
                                        "fontSize": 18,
                                        "color": "#124E91",
                                        "align": "center",
                                        "height": 30
                                    },
                                    "c": {
                                        "fontSize": 18,
                                        "color": "#fff",
                                        "padding": [
                                            -4,
                                            0,
                                            8,
                                            0
                                        ],
                                        "backgroundColor": {
                                            "image": labelimg
                                        },
                                        "align": "center",
                                        "verticalAlign": "bottom",
                                        "height": 45,
                                        "lineHeight": 40,
                                        "width": 100
                                    }
                                }
                            },
                            "itemStyle": {
                                "normal": {
                                    "color": {
                                        "type": "linear",
                                        "x": 0,
                                        "y": 0,
                                        "x2": 0,
                                        "y2": 1,
                                        "colorStops": [{
                                            "offset": 0,
                                            "color": "rgba(18,78,145,1)"
                                        },
                                            {
                                                "offset": 1,
                                                "color": "rgba(18,78,145,0)"
                                            }
                                        ],
                                        "global": false
                                    }
                                }
                            }
                        },
                        {
                            "name": "",
                            "value": 606,
                            "label": {
                                "show": true,
                                "position": "top",
                                formatter: function(params) {
                                    var index = params.dataIndex;
                                    var str = "{a|" + params.value + "}\n{c|" + params.value + "涓獇";
                                    return str;
                                },
                                "rich": {
                                    "a": {
                                        "fontSize": 18,
                                        "color": "#BDC414",
                                        "align": "center",
                                        "height": 30
                                    },
                                    "c": {
                                        "fontSize": 18,
                                        "color": "#fff",
                                        "padding": [
                                            -4,
                                            0,
                                            8,
                                            0
                                        ],
                                        "backgroundColor": {
                                            "image": labelimg
                                        },
                                        "align": "center",
                                        "verticalAlign": "bottom",
                                        "height": 45,
                                        "lineHeight": 40,
                                        "width": 100
                                    }
                                }
                            },
                            "itemStyle": {
                                "normal": {
                                    "color": {
                                        "type": "linear",
                                        "x": 0,
                                        "y": 0,
                                        "x2": 0,
                                        "y2": 1,
                                        "colorStops": [{
                                            "offset": 0,
                                            "color": "rgba(189,196,20,1)"
                                        },
                                            {
                                                "offset": 1,
                                                "color": "rgba(189,196,20,0)"
                                            }
                                        ],
                                        "global": false
                                    }
                                }
                            }
                        },
                        {
                            "name": "",
                            "value": 506,
                            "label": {
                                "show": true,
                                "position": "top",
                                formatter: function(params) {
                                    var index = params.dataIndex;
                                    var str = "{a|" + params.value + "}\n{c|" + params.value + "涓獇";
                                    return str;
                                },
                                "rich": {
                                    "a": {
                                        "fontSize": 18,
                                        "color": "#C8CCA5",
                                        "align": "center",
                                        "height": 30
                                    },
                                    "c": {
                                        "fontSize": 18,
                                        "color": "#fff",
                                        "padding": [
                                            -4,
                                            0,
                                            8,
                                            0
                                        ],
                                        "backgroundColor": {
                                            "image": labelimg
                                        },
                                        "align": "center",
                                        "verticalAlign": "bottom",
                                        "height": 45,
                                        "lineHeight": 40,
                                        "width": 100
                                    }
                                }
                            },
                            "itemStyle": {
                                "normal": {
                                    "color": {
                                        "type": "linear",
                                        "x": 0,
                                        "y": 0,
                                        "x2": 0,
                                        "y2": 1,
                                        "colorStops": [{
                                            "offset": 0,
                                            "color": "rgba(200,204,165,1)"
                                        },
                                            {
                                                "offset": 1,
                                                "color": "rgba(200,204,165,0)"
                                            }
                                        ],
                                        "global": false
                                    }
                                }
                            }
                        }
                    ],
                    "stack": "a",
                    "symbol": "path://M0,10 L10,10 C5.5,10 5.5,5 5,0 C4.5,5 4.5,10 0,10 z"
                }
            ]
        }
        // 浣跨敤鍒氭寚瀹氱殑閰嶇疆椤瑰拰鏁版嵁鏄剧ず鍥捐〃銆�
        myChart.setOption(option);
        window.addEventListener("resize",function(){
            myChart.resize();
        });
    }

//     function ceshis5() {
//         var myChart = echarts.init(document.getElementById('map'));

//         var uploadedDataURL = "./js/data-1528971808162-BkOXf61WX.json";

// //濡傛灉鎯宠淇敼锛岃鐐瑰嚮涓婃柟鍏嬮殕锛岀劧鍚庡湪鑷繁鐨勭増鏈笂淇敼锛屼笉瑕佸湪lz鐨勭増鏈笂鏀癸紒锛�

// // echarts.extendsMap = function(id, opt) {
// //     // 瀹炰緥


// //     var cityMap = {
// //         "閮戝窞甯�": zhengzhou,
// //         "寮€灏佸競": kaifeng,
// //         "娲涢槼甯�": luoyang,
// //         "骞抽《灞卞競": pingdingshan,
// //         "瀹夐槼甯�": anyang,
// //         "楣ゅ甯�": hebi,
// //         "鏂颁埂甯�": xinxiang,
// //         "鐒︿綔甯�": jiaozuo,
// //         "婵槼甯�": puyang,
// //         "婕渤甯�": luohe,
// //         "涓夐棬宄″競": sanmenxia,
// //         "鍗楅槼甯�": nanyang,
// //         "鍟嗕笜甯�": shangqiu,
// //         "淇￠槼甯�": xinyang,
// //         "鍛ㄥ彛甯�": zhoukou,
// //         "璁告槍甯�": xuchang,
// //         "椹婚┈搴楀競": zhumadian
// //     };

// // }
//         var geoGpsMap = {
//             '1': [116.4071, 39.9046],
//             '2': [125.8154, 44.2584],
//             '3': [121.4737, 31.2303],
//             '4': [117.1582, 36.8701],
//             '5': [103.9526, 30.7617],
//             '6': [106.6302, 26.6470],

//         };
//         var geoCoordMap = {
//             "姹熻嫃": [118.8062, 31.9208],
//             '榛戦緳姹�': [127.9688, 45.368],
//             '鍐呰挋鍙�': [110.3467, 41.4899],
//             "鍚夋灄": [125.8154, 44.2584],
//             '鍖椾含甯�': [116.4551, 40.2539],
//             "杈藉畞": [123.1238, 42.1216],
//             "娌冲寳": [114.4995, 38.1006],
//             "澶╂触": [117.4219, 39.4189],
//             "灞辫タ": [112.3352, 37.9413],
//             "闄曡タ": [109.1162, 34.2004],
//             "鐢樿們": [103.5901, 36.3043],
//             "瀹佸": [106.3586, 38.1775],
//             "闈掓捣": [101.4038, 36.8207],
//             "鏂扮枂": [87.9236, 43.5883],
//             "鍥涘窛": [103.9526, 30.7617],
//             "閲嶅簡": [108.384366, 30.439702],
//             "灞变笢": [117.1582, 36.8701],
//             "娌冲崡": [113.4668, 34.6234],
//             "瀹夊窘": [117.29, 32.0581],
//             "婀栧寳": [114.3896, 30.6628],
//             "娴欐睙": [119.5313, 29.8773],
//             "绂忓缓": [119.4543, 25.9222],
//             "姹熻タ": [116.0046, 28.6633],
//             "婀栧崡": [113.0823, 28.2568],
//             "璐靛窞": [106.6992, 26.7682],
//             "浜戝崡": [102.9199, 25.4663],
//             "骞夸笢": [113.12244, 23.009505],
//             "骞胯タ": [108.479, 23.1152],
//             "娴峰崡": [110.3893, 19.8516],
//             '涓婃捣': [121.4648, 31.2891],
//         };

//         var d1 = {
//             '姹熻嫃': 10041,
//             '榛戦緳姹�': 4093,
//             '鍐呰挋鍙�': 1157,
//             '鍚夋灄': 4903,
//             '鍖椾含甯�': 2667,
//             '杈藉畞': 8331,
//             '娌冲寳': 23727,
//             '澶╂触': 681,
//             '灞辫タ': 5352,
//             '闄曡タ': 38,
//             '鐢樿們': 77,
//             '瀹佸': 65,
//             '闈掓捣': 10,
//             '鏂扮枂': 193,
//             '鍥涘窛': 309,
//             '閲嶅簡': 77,
//             '灞变笢': 21666,
//             '娌冲崡': 15717,
//             '瀹夊窘': 15671,
//             '婀栧寳': 3714,
//             '娴欐睙': 3141,
//             '绂忓缓': 955,
//             '姹熻タ': 4978,
//             '婀栧崡': 778,
//             '璐靛窞': 33,
//             '浜戝崡': 149,
//             '骞夸笢': 1124,
//             '骞胯タ': 125,
//             '娴峰崡': 7,
//             '涓婃捣': 2155,

//         };

//         var d2 = {
//             "姹熻嫃": 0,
//             '榛戦緳姹�': 0,
//             '鍐呰挋鍙�': 0,
//             "鍚夋灄": 0,
//             '鍖椾含甯�': 0,
//             "杈藉畞": 0,
//             "娌冲寳": 0,
//             "澶╂触": 0,
//             "灞辫タ": 0,
//             "闄曡タ": 0,
//             "鐢樿們": 0,
//             "瀹佸": 0,
//             "闈掓捣": 0,
//             "鏂扮枂": 0,
//             "鍥涘窛": 0,
//             "閲嶅簡": 0,
//             "灞变笢": 0,
//             "娌冲崡": 0,
//             "瀹夊窘": 0,
//             "婀栧寳": 0,
//             "娴欐睙": 0,
//             "绂忓缓": 0,
//             "姹熻タ": 0,
//             "婀栧崡": 0,
//             "璐靛窞": 0,
//             "浜戝崡": 0,
//             "骞夸笢": 0,
//             "骞胯タ": 0,
//             '娴峰崡': 0,
//             '涓婃捣': 0,

//         };

//         var d3 = {
//             '姹熻嫃': 11788,
//             '榛戦緳姹�': 1944,
//             '鍐呰挋鍙�': 2954,
//             '鍚夋灄': 3482,
//             '鍖椾含甯�': 1808,
//             '杈藉畞': 5488,
//             '娌冲寳': 27035,
//             '澶╂触': 2270,
//             '灞辫タ': 13623,
//             '闄曡タ': 4221,
//             '鐢樿們': 754,
//             '瀹佸': 1783,
//             '闈掓捣': 91,
//             '鏂扮枂': 1907,
//             '鍥涘窛': 4905,
//             '閲嶅簡': 1420,
//             '灞变笢': 39781,
//             '娌冲崡': 16154,
//             '瀹夊窘': 7914,
//             '婀栧寳': 6802,
//             '娴欐睙': 5812,
//             '绂忓缓': 3345,
//             '姹熻タ': 4996,
//             '婀栧崡': 5627,
//             '璐靛窞': 1504,
//             '浜戝崡': 2725,
//             '骞夸笢': 6339,
//             '骞胯タ': 1009,
//             '娴峰崡': 0,
//             '涓婃捣': 1988,



//         };

//         var d4 = {
//             "姹熻嫃": 0,
//             '榛戦緳姹�': 0,
//             '鍐呰挋鍙�': 0,
//             "鍚夋灄": 0,
//             '鍖椾含甯�': 0,
//             "杈藉畞": 0,
//             "娌冲寳": 0,
//             "澶╂触": 0,
//             "灞辫タ": 0,
//             "闄曡タ": 0,
//             "鐢樿們": 0,
//             "瀹佸": 0,
//             "闈掓捣": 0,
//             "鏂扮枂": 0,
//             "鍥涘窛": 0,
//             "閲嶅簡": 0,
//             "灞变笢": 0,
//             "娌冲崡": 0,
//             "瀹夊窘": 0,
//             "婀栧寳": 0,
//             "娴欐睙": 0,
//             "绂忓缓": 0,
//             "姹熻タ": 0,
//             "婀栧崡": 0,
//             "璐靛窞": 0,
//             "浜戝崡": 0,
//             "骞夸笢": 0,
//             "骞胯タ": 0,
//             '娴峰崡': 0,
//             '涓婃捣': 0,
//         };

//         var d5 = {
//             '姹熻嫃': 159,
//             '榛戦緳姹�': 5,
//             '鍐呰挋鍙�': 54,
//             '鍚夋灄': 10,
//             '鍖椾含甯�': 0,
//             '杈藉畞': 0,
//             '娌冲寳': 1679,
//             '澶╂触': 1,
//             '灞辫タ': 2698,
//             '闄曡タ': 1744,
//             '鐢樿們': 362,
//             '瀹佸': 429,
//             '闈掓捣': 122,
//             '鏂扮枂': 731,
//             '鍥涘窛': 3925,
//             '閲嶅簡': 1480,
//             '灞变笢': 79,
//             '娌冲崡': 1017,
//             '瀹夊窘': 208,
//             '婀栧寳': 1209,
//             '娴欐睙': 1418,
//             '绂忓缓': 1237,
//             '姹熻タ': 1004,
//             '婀栧崡': 1511,
//             '璐靛窞': 345,
//             '浜戝崡': 1429,
//             '骞夸笢': 2242,
//             '骞胯タ': 2271,
//             '娴峰崡': 59,
//             '涓婃捣': 8,



//         };

//         var d6 = {
//             "姹熻嫃": 20,
//             '榛戦緳姹�': 60,
//             '鍐呰挋鍙�': 80,
//             "鍚夋灄": 10,
//             '鍖椾含甯�': 80,
//             "杈藉畞": 40,
//             "娌冲寳": 50,
//             "澶╂触": 60,
//             "灞辫タ": 40,
//             "闄曡タ": 60,
//             "鐢樿們": 40,
//             "瀹佸": 10,
//             "闈掓捣": 0,
//             "鏂扮枂": 0,
//             "鍥涘窛": 80,
//             "閲嶅簡": 0,
//             "灞变笢": 60,
//             "娌冲崡": 0,
//             "瀹夊窘": 0,
//             "婀栧寳": 10,
//             "娴欐睙": 100,
//             "绂忓缓": 60,
//             "姹熻タ": 0,
//             "婀栧崡": 0,
//             "璐靛窞": 150,
//             "浜戝崡": 0,
//             "骞夸笢": 80,
//             "骞胯タ": 0,
//             '娴峰崡': 0,
//             '涓婃捣': 50,
//         };

//         var colors = [
//             ["#1DE9B6", "#1DE9B6", "#FFDB5C", "#FFDB5C", "#04B9FF", "#04B9FF"],
//             ["#1DE9B6", "#F46E36", "#04B9FF", "#5DBD32", "#FFC809", "#FB95D5", "#BDA29A", "#6E7074", "#546570", "#C4CCD3"],
//             ["#37A2DA", "#67E0E3", "#32C5E9", "#9FE6B8", "#FFDB5C", "#FF9F7F", "#FB7293", "#E062AE", "#E690D1", "#E7BCF3", "#9D96F5", "#8378EA", "#8378EA"],
//             ["#DD6B66", "#759AA0", "#E69D87", "#8DC1A9", "#EA7E53", "#EEDD78", "#73A373", "#73B9BC", "#7289AB", "#91CA8C", "#F49F42"],
//         ];
//         var colorIndex = 0;
//         $(function() {
//             // var geoCoordMap = {
//             //     '閮戝窞': [113.64964385, 34.7566100641],
//             //     '寮€灏�': [114.351642118, 34.8018541758],
//             //     '娲涢槼': [112.447524769, 34.6573678177],
//             //     '骞抽《灞�': [113.300848978, 33.7453014565],
//             //     '瀹夐槼': [114.351806508, 36.1102667222],
//             //     '楣ゅ': [114.297769838, 35.7554258742],
//             //     '鏂颁埂': [113.912690161, 35.3072575577],
//             //     '鐒︿綔': [113.211835885, 35.234607555],
//             //     '婵槼': [115.026627441, 35.7532978882],
//             //     '婕渤': [114.0460614, 33.5762786885],
//             //     '涓夐棬宄�': [111.181262093, 34.7833199411],
//             //     '鍗楅槼': [112.542841901, 33.0114195691],
//             //     "鍟嗕笜": [115.641885688, 34.4385886402],
//             //     '淇￠槼': [114.085490993, 32.1285823075],
//             //     '鍛ㄥ彛': [114.654101942, 33.6237408181],
//             //     '璁告槍': [113.83531246, 34.0267395887],
//             //     '椹婚┈搴�': [114.049153547, 32.9831581541]
//             // };

//             var year = ["鍖椾含", "闀挎槬", "涓婃捣", "闈掑矝", "鎴愰兘", "璐甸槼"];
//             var mapData = [
//                 [],
//                 [],
//                 [],
//                 [],
//                 [],
//                 [],
//             ];

//             /*鏌卞瓙Y鍚嶇О*/
//             var categoryData = [];
//             var barData = [];

//             for (var key in geoCoordMap) {
//                 mapData[0].push({
//                     "year": '闀挎槬',
//                     "name": key,
//                     "value": d1[key] / 100,
//                     "value1": d1[key] / 100,
//                 });
//                 mapData[1].push({
//                     "year": '闀挎槬',
//                     "name": key,
//                     "value": d1[key] / 100,
//                     "value1": d2[key] / 100,
//                 });
//                 mapData[2].push({
//                     "year": '闈掑矝',
//                     "name": key,
//                     "value": d3[key] / 100,
//                     "value1": d3[key] / 100,
//                 });
//                 mapData[3].push({
//                     "year": '闈掑矝',
//                     "name": key,
//                     "value": d3[key] / 100,
//                     "value1": d4[key] / 100,
//                 });
//                 mapData[4].push({
//                     "year": '鎴愰兘',
//                     "name": key,
//                     "value": d5[key] / 100,
//                     "value1": d5[key] / 100,
//                 });
//                 mapData[5].push({
//                     "year": '鎴愰兘',
//                     "name": key,
//                     "value": d5[key] / 100,
//                     "value1": d6[key] / 100,
//                 });
//             }

//             for (var i = 0; i < mapData.length; i++) {
//                 mapData[i].sort(function sortNumber(a, b) {
//                     return a.value - b.value
//                 });
//                 barData.push([]);
//                 categoryData.push([]);
//                 for (var j = 0; j < mapData[i].length; j++) {
//                     barData[i].push(mapData[i][j].value1);
//                     categoryData[i].push(mapData[i][j].name);
//                 }
//             }

//             $.getJSON(uploadedDataURL, function(geoJson) {

//                 echarts.registerMap('china', geoJson);
//                 var convertData = function(data) {
//                     var res = [];
//                     for (var i = 0; i < data.length; i++) {
//                         var geoCoord = geoCoordMap[data[i].name];
//                         if (geoCoord) {
//                             res.push({
//                                 name: data[i].name,
//                                 value: geoCoord.concat(data[i].value)
//                             });
//                         }
//                     }
//                     return res;
//                 };

//                 var convertToLineData = function(data, gps) {
//                     var res = [];
//                     for (var i = 0; i < data.length; i++) {
//                         var dataItem = data[i];
//                         var toCoord = geoCoordMap[dataItem.name];
//                         //debugger;
//                         var fromCoord = gps; //閮戝窞
//                         //  var toCoord = geoGps[Math.random()*3];
//                         if (fromCoord && toCoord) {
//                             res.push([{
//                                 coord: fromCoord,
//                                 value: dataItem.value
//                             }, {
//                                 coord: toCoord,
//                             }]);
//                         }
//                     }
//                     return res;
//                 };

//                 optionXyMap01 = {
//                     timeline: {
//                         data: year,
//                         axisType: 'category',
//                         autoPlay: true,
//                         playInterval: 3000,
//                         left: '10%',
//                         right: '10%',
//                         bottom: '3%',
//                         width: '80%',
//                         //  height: null,
//                         label: {
//                             normal: {
//                                 textStyle: {
//                                     color: '#ddd'
//                                 }
//                             },
//                             emphasis: {
//                                 textStyle: {
//                                     color: '#fff'
//                                 }
//                             }
//                         },
//                         symbolSize: 10,
//                         lineStyle: {
//                             color: '#555'
//                         },
//                         checkpointStyle: {
//                             borderColor: '#777',
//                             borderWidth: 2
//                         },
//                         controlStyle: {
//                             showNextBtn: true,
//                             showPrevBtn: true,
//                             normal: {
//                                 color: '#666',
//                                 borderColor: '#666'
//                             },
//                             emphasis: {
//                                 color: '#aaa',
//                                 borderColor: '#aaa'
//                             }
//                         },

//                     },
//                     baseOption: {

//                         animation: true,
//                         animationDuration: 1000,
//                         animationEasing: 'cubicInOut',
//                         animationDurationUpdate: 1000,
//                         animationEasingUpdate: 'cubicInOut',
//                         grid: {
//                             right: '1%',
//                             top: '15%',
//                             bottom: '10%',
//                             width: '20%'
//                         },
//                         tooltip: {
//                             trigger: 'axis', // hover瑙﹀彂鍣�
//                             axisPointer: { // 鍧愭爣杞存寚绀哄櫒锛屽潗鏍囪酱瑙﹀彂鏈夋晥
//                                 type: 'shadow', // 榛樿涓虹洿绾匡紝鍙€変负锛�'line' | 'shadow'
//                                 shadowStyle: {
//                                     color: 'rgba(150,150,150,0.1)' //hover棰滆壊
//                                 }
//                             }
//                         },
//                         geo: {
//                             show: true,
//                             map: 'china',
//                             roam: true,
//                             zoom: 1,
//                             center: [113.83531246, 34.0267395887],
//                             label: {
//                                 emphasis: {
//                                     show: false
//                                 }
//                             },
//                             itemStyle: {
//                                 normal: {
//                                     borderColor: 'rgba(147, 235, 248, 1)',
//                                     borderWidth: 1,
//                                     areaColor: {
//                                         type: 'radial',
//                                         x: 0.5,
//                                         y: 0.5,
//                                         r: 0.8,
//                                         colorStops: [{
//                                             offset: 0,
//                                             color: 'rgba(147, 235, 248, 0)' // 0% 澶勭殑棰滆壊
//                                         }, {
//                                             offset: 1,
//                                             color: 'rgba(147, 235, 248, .2)' // 100% 澶勭殑棰滆壊
//                                         }],
//                                         globalCoord: false // 缂虹渷涓� false
//                                     },
//                                     shadowColor: 'rgba(128, 217, 248, 1)',
//                                     // shadowColor: 'rgba(255, 255, 255, 1)',
//                                     shadowOffsetX: -2,
//                                     shadowOffsetY: 2,
//                                     shadowBlur: 10
//                                 },
//                                 emphasis: {
//                                     areaColor: '#389BB7',
//                                     borderWidth: 0
//                                 }
//                             }
//                         },
//                     },
//                     options: []

//                 };

//                 for (var n = 0; n < year.length; n++) {

//                     optionXyMap01.options.push({
//                         /*backgroundColor: '#013954',*/
//                         title:


//                             [{
//                                 text: '鏁磋溅鐗╂祦骞冲彴',
//                                 subtext: '   鏁版嵁鐢辨暣杞︾墿娴侀儴鎻愪緵',
//                                 left: '35%',
//                                 top: '15%',
//                                 textStyle: {
//                                     color: '#fff',
//                                     fontSize: 25
//                                 }
//                             },
//                                 {
//                                     id: 'statistic',
//                                     text: year[n] + "鏁版嵁缁熻鎯呭喌",
//                                     left: '75%',
//                                     top: '8%',
//                                     textStyle: {
//                                         color: '#fff',
//                                         fontSize: 25
//                                     }
//                                 }
//                             ],
//                         xAxis: {
//                             type: 'value',
//                             scale: true,
//                             position: 'top',
//                             min: 0,
//                             boundaryGap: false,
//                             splitLine: {
//                                 show: false
//                             },
//                             axisLine: {
//                                 show: false
//                             },
//                             axisTick: {
//                                 show: false
//                             },
//                             axisLabel: {
//                                 margin: 2,
//                                 textStyle: {
//                                     color: '#aaa'
//                                 }
//                             },
//                         },
//                         yAxis: {
//                             type: 'category',
//                             //  name: 'TOP 20',
//                             nameGap: 16,
//                             axisLine: {
//                                 show: true,
//                                 lineStyle: {
//                                     color: '#ddd'
//                                 }
//                             },
//                             axisTick: {
//                                 show: false,
//                                 lineStyle: {
//                                     color: '#ddd'
//                                 }
//                             },
//                             axisLabel: {
//                                 interval: 0,
//                                 textStyle: {
//                                     color: '#ddd'
//                                 }
//                             },
//                             data: categoryData[n]
//                         },

//                         series: [
//                             //鏈煡浣滅敤
//                             {
//                                 //鏂囧瓧鍜屾爣蹇�
//                                 name: 'light',
//                                 type: 'scatter',
//                                 coordinateSystem: 'geo',
//                                 data: convertData(mapData[n]),
//                                 symbolSize: function(val) {
//                                     return val[2] / 10;
//                                 },
//                                 label: {
//                                     normal: {
//                                         formatter: '{b}',
//                                         position: 'right',
//                                         show: true
//                                     },
//                                     emphasis: {
//                                         show: true
//                                     }
//                                 },
//                                 itemStyle: {
//                                     normal: {
//                                         color: colors[colorIndex][n]
//                                     }
//                                 }
//                             },
//                             //鍦板浘锛�
//                             {
//                                 type: 'map',
//                                 map: 'china',
//                                 geoIndex: 0,
//                                 aspectScale: 0.75, //闀垮姣�
//                                 showLegendSymbol: false, // 瀛樺湪legend鏃舵樉绀�
//                                 label: {
//                                     normal: {
//                                         show: false
//                                     },
//                                     emphasis: {
//                                         show: false,
//                                         textStyle: {
//                                             color: '#fff'
//                                         }
//                                     }
//                                 },
//                                 roam: true,
//                                 itemStyle: {
//                                     normal: {
//                                         areaColor: '#031525',
//                                         borderColor: '#FFFFFF',
//                                     },
//                                     emphasis: {
//                                         areaColor: '#2B91B7'
//                                     }
//                                 },
//                                 animation: false,
//                                 data: mapData
//                             },
//                             //鍦板浘鐐圭殑鍔ㄧ敾鏁堟灉
//                             {
//                                 //  name: 'Top 5',
//                                 type: 'effectScatter',
//                                 coordinateSystem: 'geo',
//                                 data: convertData(mapData[n].sort(function(a, b) {
//                                     return b.value - a.value;
//                                 }).slice(0, 20)),
//                                 symbolSize: function(val) {
//                                     return val[2] / 10;
//                                 },
//                                 showEffectOn: 'render',
//                                 rippleEffect: {
//                                     brushType: 'stroke'
//                                 },
//                                 hoverAnimation: true,
//                                 label: {
//                                     normal: {
//                                         formatter: '{b}',
//                                         position: 'right',
//                                         show: true
//                                     }
//                                 },
//                                 itemStyle: {
//                                     normal: {
//                                         color: colors[colorIndex][n],
//                                         shadowBlur: 10,
//                                         shadowColor: colors[colorIndex][n]
//                                     }
//                                 },
//                                 zlevel: 1
//                             },
//                             //鍦板浘绾跨殑鍔ㄧ敾鏁堟灉
//                             {
//                                 type: 'lines',
//                                 zlevel: 2,
//                                 effect: {
//                                     show: true,
//                                     period: 4, //绠ご鎸囧悜閫熷害锛屽€艰秺灏忛€熷害瓒婂揩
//                                     trailLength: 0.1, //鐗规晥灏捐抗闀垮害[0,1]鍊艰秺澶э紝灏捐抗瓒婇暱閲�
//                                     symbol: 'arrow', //绠ご鍥炬爣
//                                     symbolSize: 5, //鍥炬爣澶у皬
//                                 },
//                                 lineStyle: {
//                                     normal: {
//                                         color: colors[colorIndex][n],
//                                         width: 0.3, //灏捐抗绾挎潯瀹藉害
//                                         opacity: 0.8, //灏捐抗绾挎潯閫忔槑搴�
//                                         curveness: .3 //灏捐抗绾挎潯鏇茬洿搴�
//                                     }
//                                 },
//                                 data: convertToLineData(mapData[n], geoGpsMap[n + 1])
//                             },
//                             //鏌辩姸鍥�
//                             {
//                                 zlevel: 1.5,
//                                 type: 'bar',
//                                 symbol: 'none',
//                                 itemStyle: {
//                                     normal: {
//                                         color: colors[colorIndex][n]
//                                     }
//                                 },
//                                 data: barData[n]
//                             }
//                         ]
//                     })
//                 }
//                 myChart.setOption(optionXyMap01);
//             });
//         });


//         function randomNum(minNum, maxNum) {
//             switch (arguments.length) {
//                 case 1:
//                     return parseInt(Math.random() * minNum + 1, 10);
//                     break;
//                 case 2:
//                     return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10);
//                     break;
//                 default:
//                     return 0;
//                     break;
//             }
//         }

//         // 浣跨敤鍒氭寚瀹氱殑閰嶇疆椤瑰拰鏁版嵁鏄剧ず鍥捐〃銆�
//         //myChart.setOption(option);
//         window.addEventListener("resize",function(){
//             myChart.resize();
//         });
//     }



    // function ceshis6() {
    //     var myChart = echarts.init(document.getElementById('diqu'));

    //     var uploadedDataURL = "./js/data-1482909892121-BJ3auk-Se.json";
    //     myChart.showLoading();
    //     $.getJSON(uploadedDataURL, function(geoJson) {
    //         echarts.registerMap('jiangxi', geoJson);
    //         myChart.hideLoading();
    //         var geoCoordMap = {
    //             '娴庡崡甯�': [117.121225, 36.66466],
    //             '鑿忔辰甯�': [115.480656, 35.23375],
    //             '娴庡畞甯�': [116.59, 35.38],
    //             '寰峰窞甯�': [116.39, 37.45],
    //             '鑱婂煄甯�': [115.97, 36.45],
    //             '娉板畨甯�': [117.13, 36.18],
    //             '涓存矀甯�': [118.35, 35.05],
    //             '娣勫崥甯�': [118.05, 36.78],
    //             '鏋ｅ簞甯�': [117.57, 34.86],
    //             '婊ㄥ窞甯�': [118.03, 37.36],
    //             '娼嶅潑甯�': [119.1, 36.62],
    //             '涓滆惀甯�': [118.49, 37.46],
    //             '闈掑矝甯�': [120.3, 36.62],
    //             '鐑熷彴甯�': [120.9, 37.32],
    //             '濞佹捣甯�': [122.1, 37.2],
    //             '鏃ョ収甯�': [119.1, 35.62],
    //             '娴庡畞甯�': [116.7, 35.42],
    //             '鑾辫姕甯�': [117.70, 36.28],
    //         }
    //         var data = [{
    //             name: '娴庡崡甯�',
    //             value: 590
    //         },
    //             {
    //                 name: '鑿忔辰甯�',
    //                 value: 380
    //             },
    //             {
    //                 name: '寰峰窞甯�',
    //                 value: 352
    //             },
    //             {
    //                 name: '鑱婂煄甯�',
    //                 value: 99
    //             },
    //             {
    //                 name: '娉板畨甯�',
    //                 value: 189
    //             },
    //             {
    //                 name: '涓存矀甯�',
    //                 value: 252
    //             },
    //             {
    //                 name: '娣勫崥甯�',
    //                 value: 158
    //             },
    //             {
    //                 name: '鏋ｅ簞甯�',
    //                 value: 352
    //             },
    //             {
    //                 name: '婊ㄥ窞甯�',
    //                 value: 189
    //             },
    //             {
    //                 name: '娼嶅潑甯�',
    //                 value:360
    //             },
    //             {
    //                 name: '涓滆惀甯�',
    //                 value: 280
    //             },
    //             {
    //                 name: '闈掑矝甯�',
    //                 value: 180
    //             },
    //             {
    //                 name: '鐑熷彴甯�',
    //                 value: 190
    //             },
    //             {
    //                 name: '濞佹捣甯�',
    //                 value: 380
    //             },
    //             {
    //                 name: '鏃ョ収甯�',
    //                 value: 390
    //             },
    //             {
    //                 name: '娴庡畞甯�',
    //                 value: 290
    //             },
    //             {
    //                 name: '鑾辫姕甯�',
    //                 value: 290
    //             },
    //         ];
    //         var max = 480,
    //             min = 9; // todo
    //         var maxSize4Pin = 100,
    //             minSize4Pin = 20;

    //         var convertData = function(data) {
    //             var res = [];
    //             for (var i = 0; i < data.length; i++) {
    //                 var geoCoord = geoCoordMap[data[i].name];
    //                 if (geoCoord) {
    //                     res.push({
    //                         name: data[i].name,
    //                         value: geoCoord.concat(data[i].value)
    //                     });
    //                 }
    //             }
    //             return res;
    //         };


    //         option = {
    //             /*backgroundColor: '#020933',*/
    //             title: {
    //                 top: 20,
    //                 text: '鈥滀細鍛樻椿璺冨害鈥� - 灞变笢鐪�',
    //                 subtext: '',
    //                 x: 'center',
    //                 textStyle: {
    //                     color: '#ccc'
    //                 }
    //             },

    //             tooltip: {
    //                 trigger: 'item',
    //                 formatter: function(params) {
    //                     if (typeof(params.value)[2] == "undefined") {
    //                         return params.name + ' : ' + params.value;
    //                     } else {
    //                         return params.name + ' : ' + params.value[2];
    //                     }
    //                 }
    //             },
    //             /*   legend: {
    //                    orient: 'vertical',
    //                    y: 'bottom',
    //                    x: 'right',
    //                     data:['pm2.5'],
    //                    textStyle: {
    //                        color: '#fff'
    //                    }
    //                },*/
    //             legend: {
    //                 orient: 'vertical',
    //                 y: 'bottom',
    //                 x: 'right',
    //                 data: ['pm2.5'],
    //                 textStyle: {
    //                     color: '#fff'
    //                 }
    //             },
    //             visualMap: {
    //                 show: false,
    //                 min: 0,
    //                 max: 500,
    //                 left: 'left',
    //                 top: 'bottom',
    //                 text: ['楂�', '浣�'], // 鏂囨湰锛岄粯璁や负鏁板€兼枃鏈�
    //                 calculable: true,
    //                 seriesIndex: [1],
    //                 inRange: {
    //                     /*color: ['#3B5077', '#031525'] ,// 钃濋粦
    //                     color: ['#ffc0cb', '#800080'] ,// 绾㈢传
    //                     color: ['#3C3B3F', '#605C3C'] ,// 榛戠豢
    //                    color: ['#0f0c29', '#302b63', '#24243e'], // 榛戠传榛�
    //                    color: ['#23074d', '#cc5333'] ,// 绱孩
    //                     color: ['#00467F', '#A5CC82'] ,// 钃濈豢
    //                     color: ['#1488CC', '#2B32B2'], // 娴呰摑
    //                     color: ['#00467F', '#A5CC82'], // 钃濈豢
    //                     color: ['#00467F', '#A5CC82'], // 钃濈豢
    //                     color: ['#00467F', '#A5CC82'], // 钃濈豢
    //                     color: ['#00467F', '#A5CC82'], // 钃濈豢*/

    //                 }
    //             },

    //             geo: {
    //                 show: true,
    //                 map: 'jiangxi',
    //                 label: {
    //                     normal: {
    //                         show: false
    //                     },
    //                     emphasis: {
    //                         show: false,
    //                     }
    //                 },
    //                 roam: true,
    //                 itemStyle: {
    //                     normal: {
    //                         areaColor: 'transparent',
    //                         borderColor: '#3fdaff',
    //                         borderWidth: 2,
    //                         shadowColor: 'rgba(63, 218, 255, 0.5)',
    //                         shadowBlur: 30
    //                     },
    //                     emphasis: {
    //                         areaColor: '#2B91B7',
    //                     }
    //                 }
    //             },
    //             series: [{
    //                 name: 'light',
    //                 type: 'scatter',
    //                 coordinateSystem: 'geo',
    //                 data: convertData(data),
    //                 symbolSize: function(val) {
    //                     return val[2] / 10;
    //                 },
    //                 label: {
    //                     normal: {
    //                         formatter: '{b}',
    //                         position: 'right',
    //                         show: true
    //                     },
    //                     emphasis: {
    //                         show: true
    //                     }
    //                 },
    //                 itemStyle: {
    //                     normal: {
    //                         color: '#F4E925'
    //                     }
    //                 }
    //             },
    //                 {
    //                     type: 'map',
    //                     map: 'jiangxi',
    //                     geoIndex: 0,
    //                     aspectScale: 0.75, //闀垮姣�
    //                     showLegendSymbol: false, // 瀛樺湪legend鏃舵樉绀�
    //                     label: {
    //                         normal: {
    //                             show: false
    //                         },
    //                         emphasis: {
    //                             show: false,
    //                             textStyle: {
    //                                 color: '#fff'
    //                             }
    //                         }
    //                     },
    //                     roam: true,
    //                     itemStyle: {
    //                         normal: {
    //                             areaColor: '#031525',
    //                             borderColor: '#FFFFFF',
    //                         },
    //                         emphasis: {
    //                             areaColor: '#2B91B7'
    //                         }
    //                     },
    //                     animation: false,
    //                     data: data
    //                 },
    //                 {
    //                     name: 'Top 5',
    //                     type: 'effectScatter',
    //                     coordinateSystem: 'geo',
    //                     data: convertData(data.sort(function(a, b) {
    //                         return b.value - a.value;
    //                     }).slice(0, 5)),
    //                     symbolSize: function(val) {
    //                         return val[2] / 10;
    //                     },
    //                     showEffectOn: 'render',
    //                     rippleEffect: {
    //                         brushType: 'stroke'
    //                     },
    //                     hoverAnimation: true,
    //                     label: {
    //                         normal: {
    //                             formatter: '{b}',
    //                             position: 'right',
    //                             show: true
    //                         }
    //                     },
    //                     itemStyle: {
    //                         normal: {
    //                             color: '#F4E925',
    //                             shadowBlur: 10,
    //                             shadowColor: '#05C3F9'
    //                         }
    //                     },
    //                     zlevel: 1
    //                 },

    //             ]
    //         };
    //         myChart.setOption(option);
    //     });



    //     // 浣跨敤鍒氭寚瀹氱殑閰嶇疆椤瑰拰鏁版嵁鏄剧ず鍥捐〃銆�

    //     window.addEventListener("resize",function(){
    //         myChart.resize();
    //     });
    // }

    // function ceshis7() {
    //     var myChart = echarts.init(document.getElementById('chart_1'));


    //     // 浣跨敤鍒氭寚瀹氱殑閰嶇疆椤瑰拰鏁版嵁鏄剧ず鍥捐〃銆�
    //     myChart.setOption(option);
    //     window.addEventListener("resize",function(){
    //         myChart.resize();
    //     });
    // }


});